<template>
	<view class="mainpadding">
		<view class="flexbetween">
			<view class="flexleft ssousuobox1" >
				<view class="margin_right2">
					<u-icon name="search" color="#999999" size="28"></u-icon>
				</view>
				<input type="text" placeholder="输入商品搜索">
			</view>
			<view class="ershiba xiaohei" @click="tzsgjg">取消</view>
		</view>
		<view class="flexleft margin_top xiahuaxian" v-for="item in 4" @click="tzssjg">
			<view class="margin_right2">
				<u-icon name="search" color="#333333" size="16"></u-icon>
			</view>
			<view class="ershiba xiaolan">教育
				<text class="ershiba xiaohei">培训机构招生营销</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			// 跳转搜索结果
			tzssjg(){
				uni.navigateTo({
					url:'/pages_homepage/sousuotjjg'
				})
			},
			jumper(url) {
				uni.navigateTo({
					url: url
				})
			},
			//
			tzsgjg() {
				uni.navigateBack(1)
			}
		}
	}
</script>

<style lang="scss" scoped>
	
	.ssousuobox1 {
		background-color: #E8E8E8;
		width: 80%;
		border-radius: 36rpx;
		padding: 10rpx 30rpx;
	}
</style>